@charset 'UTF-8';
@function vw($px){
  @return $px / 10.8 + vw
}
.order-box{
  font-size: vw(36);
  padding-bottom: vw(160);
  .pa-l-r{
    overflow: auto;
  }
  h4{
    padding: vw(40) 0;
    font-size: vw(42);
    font-weight: bold;
  }
  .order-details{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f2f2f2;
    padding: vw(27);
    .transition-state{
      margin-right: vw(40);
      margin-top: vw(40);
      color: #f45000;
      font-size: vw(42);
    }
    .order-details-main{
      flex: 1;
      font-size: vw(36);
      color: #666;
      p{
        margin: vw(15) 0;
        span{
          color: #f45000;
          font-weight: 700;
          font-size: vw(54);
          i{
            font-size: vw(42);
          }
        }
      }
    }
  }
  .num-box{
    div{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: vw(40) vw(18);
      font-size: vw(42);
      color: #333;
      border-top: 1px solid #f0f0f0;
      p{
        color: #f45000;
        font-weight: 700;
        b{
          font-size: vw(66);
        }
        i{
          color: #333;
          font-size: vw(36);
        }
      }
    }
  }
  .tourist-info{
    .tourist-details{
      width: vw(1008);
      overflow: hidden;
      padding: 0 vw(25);
      margin: 0 auto vw(20);
      border-radius: 12px;
      background-color: rgb(242, 242, 242);
      color: #666;
      p{
        margin-bottom: vw(28) ;
        font-size: vw(36);
      }
      h6{
        padding: vw(30) 0;
        font-size: vw(42);
        color: #333;
        font-weight: bold;
      }
    }
  }
  .way-box{
    font-size: vw(36);
    color: #999;
    text-align: center;
    p{
      padding: vw(36) 0;
    }
    div{
      display: flex;
      justify-content: space-between;
      width: vw(856);
      margin:vw(20) auto;
      img{
        width: vw(208);
      }
    }
  }
  .pay-box{
    display: flex;
    justify-content: center;
    align-items: center;
    position:fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: vw(140);
    background-color: #fff;
    .btn {
      width: vw(980);
      height: vw(120);
      font-size: vw(54);
      line-height: vw(120);
      text-align: center;
      border-radius: vw(60);
    }

  }
  .contact-box{
    height: vw(120);
    line-height: vw(120);
    font-size: vw(42);
    color: #333;
  }
  .pay-method{
    div{
      display: flex;
      justify-content: space-between;
      padding: vw(60) vw(40);
      border-top: 1px solid #e6e6e6;
      span{
        width: vw(240);
        input {
          display: none
        }
        label{
          width: 100%;
          position: relative;
        }
        input:checked + label:before{
          // content: url("../images/Selected.png");
          content:'\2714';
          position: absolute;
          // width: vw(28);
          top: 50%;
          left:50%;
          transform: translate(50%,8%);
          z-index: 1;
          font-size:2.8vw;
          font-weight: 700;
          color:#e03333;
        }
      }
    }
  }
  .pay-method+.blank{
    height: vw(120);
  }
}
